<div>
    <div style="height: 160px;background-color: red">
        <ul style=" list-style: none;color: #FFFFFF;position: absolute;margin-top: 22px;margin-left: 160px;">
            <li style="font-size: 21px;letter-spacing: 34px;">服务流程</li>
            <li style="margin-top: 4px;">一步到位解决客户问题</li>
            <li style="font-size: 18px;margin-top: 10px">SERVICE  PROCEDURE</li>
            <li style="margin-top: 4px;">Step by step to solve customer problems</li>
        </ul>
        <div>
            <ul style="list-style: none;width: 800px;margin-left: 560px;margin-top: 35px;position: absolute;">
                <li style="float: right;margin-left: 65px" ng-repeat="service in services|orderBy:'id':'desc'">
                    <div style="width: 60px;height:60px;border:solid 1px #ff7f50;border-radius:50%;">
                        <div style="width: 50px;height:50px;background-color: #FFFFFF;border-radius:50%;margin-top: 4px;margin-left: 4px;">
                            <span style="color:red;font-size: 28px;margin-top: 10px;margin-left: 10px;" ng-class=service.class></span>
                        </div>
                    </div>
                    <div style="color: #FFFFFF;margin-top: 10px">{{service.title}}</div>
                </li>
            </ul>
        </div>
    </div>
    <div style="height: 500px;background-color: #f3f3f3">
        <div style="padding-top: 30px;">
            <div style="height: 450px;width: 35%">推荐产品</div>
            <div style="height: 450px;width: 65%;background-color: black;float: right;margin-top: -450px;">推荐产品</div>
        </div>
    </div>
    <div style="height: 500px">
        <div style="height: 450px;width: 50%"></div>
        <div style="height: 450px;width: 50%;float: right;margin-top: -450px;">
            <div style="font-size: 24px;color: red;margin-top: 30px;position: relative;margin-left: 48px;">科研设施情况<hr></div>
            <p style="width: 460px;margin-top: 30px;margin-left: 51px;">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;公司产品全部由专业人员采用CAD和3D计算机辅助设计，并严格按照ISO9000质量管理体系和14000环境管理体系职业健康安全管理体系标准生产。公司于2013年9月份引进了大型喷涂流水线和世界先进的日本松下机器人焊接工作站，质量和生产量得到了稳步的发展，成为全国同行业中的佼佼者。
            </p>
            <div style="font-size: 24px;color: red;margin-top: 30px;margin-left: 50px;">储运设施情况<hr></div>
            <p style="width: 460px;margin-top: 30px;margin-left: 51px;">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;我公司有大型仓库及生产车间，公司内部有拖车、叉车及汽车运输等相关设备。并向全国联网配送到全国各地。
            </p>
            <div style="text-align: center;margin-left: 51px;line-height: 40px;font-size: 15px;width: 123px;height: 44px;border: solid 2px red;margin-top: 55px;">
                <a style="color:red;">查看更多</a>
            </div>
        </div>
    </div>
</div>